//滚动元素id，左切换按钮，右切换按钮，切换元素个数id,滚动方式，切换方向，是否自动滚动，滚动距离，滚动时间，滚动间隔，显示个数
LbMove('BoxUl', 'btnl', 'btnr', 'BoxSwitch', true, 'left', true, 305, 1000, 5000, 4);
$('.ershou-list a').click(function () {
    $(this)
        .addClass('on')
        .siblings('a')
        .removeClass('on')
        .siblings('div')
        .eq($(this).index())
        .addClass('on')
        .siblings('div')
        .removeClass('on')
})
let oRow = document.querySelectorAll('.ull1')
ajax({
    scriptCharset: 'utf-8',
    url: '../../php/anphp/fangyuan.php',
    type: 'get',
    data: {
        pagenum: 1,
        pagesize: 4
    },
    success(res) {
        arr = JSON.parse(res)
        // 判断有没有数据
        if (arr.length === 0) {
            oDataText.innerHTML = '没有数据'
            // 进入条件下面的循环也就不用执行了
            return
        }

    //     arr.forEach(ele => {
    //         let str = `<li><a href="javascript:;">
    //         <div class="ershou-pic">
    //             <img src="${ele.imgUrl}" alt="">
    //             <div class="p1">
    //                 <h2>万科天誉</h2><span>龙岗-龙岗中心城</span>
    //             </div>
    //             <div class="p2">
    //                 <span>3室2厅 &nbsp;</span><span>87.29平米</span>
    //             </div>
    //         </div>
    //     </a>
    // </li>`

    //         oRow.innerHTML += str
    //     })
    oRow.forEach( (elt)=> {
        arr.forEach(ele => {
                    let str = `<li><a href="javascript:;">
                    <div class="ershou-pic">
                        <img src="${ele.imgUrl}" alt="">
                        <div class="p1">
                            <h2>${ele.name}</h2><span>${ele.location}</span>
                        </div>
                        <div class="p2">
                            <span>${ele.room} &nbsp;</span><span>${ele.area}</span>
                        </div>
                    </div>
                </a>
            </li>`
        
                    elt.innerHTML += str
                })
    });
    }
})